<template>
  <div class="title-a-w">
    <div class="left"></div>
    <div>
      {{ item.title }}
    </div>
    <div class="right"></div>
  </div>
</template>

<script>
export default {
  name: "TitleA",
  props: ['item']
}
</script>

<style lang="scss" scoped>
@import "src/assets/common";

.title-a-w {
  font-size: 15px;
  font-weight: bolder;
  display: flex;
  align-items: center;



  .left, .right {
    border-radius: 1px;
    background: rgba($c2, .2);
    margin: 0 10px;
    height: 1PX;
  }

  .right {
    flex: 1;
  }

  .left {
    background: rgba($c2, 1);
    height: 3px;
    border-radius: 50%;
    width: 3px;
  }
}

</style>